<div class="componentLogin">
    <a class="topLine"></a>
    <div class="notLogin" ng-show="!isLogin">
        <div class="input uname"><i></i>
            <div class="inputTitle">賬 號</div>
            <input type="text" ng-model="uname">
        </div>
        <div class="input password"><i></i>
            <div class="inputTitle">密 碼</div>
            <input type="password" ng-model="password">
        </div>
        <div class="loginSubmit" ng-click="toLogin()">登 錄</div>
    </div>
    <div class="isLogin" ng-show="isLogin">
        <div class="loginTopBox">
            <span class="loginTitle">賬 號</span>
            <span class="account" ng-bind="userData.LOGIN_ACCOUNT"></span>
            <button>帳號管理</button>
            <button ng-click="toLogout()">登出帳號</button>
        </div>
        <div class="loginBotBox">
            <span class="loginTitle">Fun 點</span>
            <span class="funPoint" ng-bind="userData.GAME_POINT"></span>
            <span class="exchangeBtn" ng-click="exchangeIsShow=true">兑换</span>
            <span class="loginTitle recentServer">最近登錄伺服器</span>
            <a class="server" ng-repeat="data in userData.PLAY_HISTORY" ng-href="//www.efunfun.com/play.html?gc=131&sid={{data.SERVER_SID}}"
                target="_blank">{{data.SERVER_NAME}}</a>
        </div>
    </div>
    <div class="exchange" ng-show="exchangeIsShow">
        <div class="cover"></div>
        <div class="exchangeBox">
            <img class="shutoff" src="./images/close.png" ng-click="exchangeIsShow=false">
            <div class="exchangeTitle fir">請確認當前的帳號</div>
            <div class="exchangeAccount">
                <div class="exchangeCaption">賬 號</div>
                <div class="exchangeFont" ng-bind="userData.LOGIN_ACCOUNT"></div>
                <div class="exchangeCaption">Fun 點</div>
                <div class="exchangeFont" ng-bind="userData.GAME_POINT"></div>
            </div>
            <div class="exchangeTitle sec">請選擇兌換的角色</div>
            <div class="exchangeRole">
                <select ng-change="checkRole()" ng-model="selectSid">
                    <option value="">--選擇伺服器--</option>	
                    <option value="{{server.SID}}" ng-repeat="server in serverList">- {{server.NAME}} -</option>	
                </select>
                <div class="exchangeCaption">角色名</div>
                <div class="exchangeFont" ng-bind="roleTxt"></div>
            </div>
            <div class="exchangeTitle thi">分配點數</div>
            <div class="exchangeFunPoint">
                <div class="item" ng-repeat="data in funPointArr" ng-click="funValuate(data, $event)">
                    {{data}}Fun點
                </div>
                <span class="customise">
                    自定 <input class="examFunPoint" type="text" ng-model="customiseFun" ng-change="examFunPoint()"> Fun點
                    <span class="warn" ng-bind="warnTxt"></span>
                </span>
                <div class="exchangeSubmit" ng-click="exchangeSubmit()">確認發送</div>
            </div>
        </div>
    </div>
</div>